<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>角色授权</title>
    <link rel="stylesheet" href="${base}/jstool/ztreev3/css/demo.css" type="text/css">
    <link rel="stylesheet" href="${base}/jstool/ztreev3/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="${base}/jstool/ztreev3/js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="${base}/jstool/ztreev3/js/jquery.ztree.core.js"></script>
    <script type="text/javascript" src="${base}/jstool/ztreev3/js/jquery.ztree.excheck.js"></script>
</head>

<body>
<SCRIPT type="text/javascript">
    <!--
    var setting = {
        check: {
            enable: true
        },
        data: {
            simpleData: {
                enable: true
            }
        }
    };

    var zNodes =[
        <#list listmap as c>
    <#if c_index!=0> , </#if>
    {
        id:"${c.menuId!}",
        pId:"${c.parentId!}",
        name:"${c.name!}",
       checked:${c.ispermission?string("true","false")},
        open:true
    }

    </#list>
    /*    { id:1, pId:0, name:"随意勾选 1", open:true},
     { id:11, pId:1, name:"随意勾选 1-1", open:true},
     { id:111, pId:11, name:"随意勾选 1-1-1"},
     { id:112, pId:11, name:"随意勾选 1-1-2"},
     { id:12, pId:1, name:"随意勾选 1-2", open:true},
     { id:121, pId:12, name:"随意勾选 1-2-1"},
     { id:122, pId:12, name:"随意勾选 1-2-2"},
     { id:2, pId:0, name:"随意勾选 2", checked:true, open:true},
     { id:21, pId:2, name:"随意勾选 2-1"},
     { id:22, pId:2, name:"随意勾选 2-2", open:true},
     { id:221, pId:22, name:"随意勾选 2-2-1", checked:true},
     { id:222, pId:22, name:"随意勾选 2-2-2"},
     { id:23, pId:2, name:"随意勾选 2-3"}*/
    ];

    var code;

   /* function setCheck() {
        var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
            py = $("#py").attr("checked")? "p":"",
            sy = $("#sy").attr("checked")? "s":"",
            pn = $("#pn").attr("checked")? "p":"",
            sn = $("#sn").attr("checked")? "s":"",
            type = { "Y":py + sy, "N":pn + sn};
        zTree.setting.check.chkboxType = type;
        showCode('setting.check.chkboxType = { "Y" : "' + type.Y + '", "N" : "' + type.N + '" };');
    }
    function showCode(str) {
        if (!code) code = $("#code");
        code.empty();
        code.append("<li>"+str+"</li>");
    }*/

    $(document).ready(function(){
        $.fn.zTree.init($("#treeDemo"), setting, zNodes);
       /* setCheck();
        $("#py").bind("change", setCheck);
        $("#sy").bind("change", setCheck);
        $("#pn").bind("change", setCheck);
        $("#sn").bind("change", setCheck);*/
    });
    //-->
</SCRIPT>
<!--<div class="zTreeDemoBackground left">-->
    <ul id="treeDemo" class="ztree"></ul>
<!--</div>-->
<!--<button id="tijiaotree" onclick="setcode(roleId)" hidden>按钮</button>-->
<script type="text/javascript">
    function setcode(){
        var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
        var nodes = treeObj.getCheckedNodes(true);
       /* var msg = "name--id--pid\n";
        for (var i = 0; i < nodes.length; i++) {
            msg += nodes[i].name+"--"+nodes[i].id+"--"+nodes[i].pId+"\n";
        }
        console.log(msg);*/
        var ids = new Array();

        for (var i = 0; i < nodes.length; i++) {
            ids.push(nodes[i].id);
        }
        $.ajax({
            url:"${base}/xypermission/saveMenu.do",
            type: "POST",
            data:{
                ids:ids,
                roleId:"${roleId!}"
            },
            success: function(){
                alert('关联角色用户成功！');
            },
            error:function(data){
                console.log(data.responseText);
//                alert('更新角色用户失败！详情：<br/>'+data);
            }
        });
    }
</script>
</body>
</html>